<template>
  <div class="radio-demo">
    <h3 class="title">基本</h3>
    <div>
      <div>1. {{ value }}</div>
      <d-radio :value="param[0]" v-model="value">选择1</d-radio>
      <d-radio :value="param[1]" v-model="value">选择2</d-radio>
      <d-radio :value="param[2]" v-model="value">选择3</d-radio>
    </div>
    <div>
      <div>2. {{ value2 }}</div>
      <d-radio :value="param[0].key" v-model="value2">选择1</d-radio>
      <d-radio :value="param[1].key" v-model="value2">选择2</d-radio>
      <d-radio :value="param[2].key" v-model="value2">选择3</d-radio>
    </div>
  </div>
</template>

<script>
export default {
  name: 'radioDemo',
  data () {
    return {
      value: null,
      value2: null,
      param: [
        { title: '选择1', key: 'a1', other: '其他值' },
        { title: '选择2', key: 'a2' },
        { title: '选择3', key: 'a3' }
      ]
    }
  }
}
</script>

<style lang="stylus" scoped>
// .radio-demo
</style>
